<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>辅导员办公平台</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="icon" href="img/logo.png">
    <link rel="stylesheet" href="../public/layui/css/layui.css">
    <script src="../public/jquery-1.12.4.js"></script>
    <link rel="stylesheet" href="../public/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="../public/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="../public/public.css" media="all">
    <link rel="stylesheet" href="../css/head.css"/>
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="homepage.css">
    <style>
        .layui-bg-blue {
            background-color: #ececec !important;
            color: #86a0f3 !important;
        }

        .layui-bg-green {
            background-color: #86a0f3 !important;
        }

        .award {
            width: 5px;
            height: 20px;
        }

        .layui-btn {
            background-color: #86a0f3;
        }

        #revise{
            display: inline-block;
            float: right;
            color: #86a0f3
        }

    </style>
</head>
<body>
<!-- 导航 -->
<header class="header">
    <div class="container clearfix">
        <div class="fl left">
            <a href="javascript:void(0)"><img src="img/logo.png" alt="" class="img1"/></a>
            <a href="javascript:void(0)" id="one">辅导员智慧工作平台</a>
        </div>
        <div class="fr nav">
            <ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp">
                <li class="active">
                    <a href="homepage.html">首页</a>
                </li>
                <li class="dropdown">
                    <a href="javascript:void(0)">任务管理</a>
                    <div class="dropdown_menu">
                        <a id="addtask"href="#">定制任务</a>
                        <a id="looktask"href="#">查看任务</a>
                    </div>
                </li>
                <li class="dropdown">
                    <a href="javascript:void(0)">培训管理</a>
                    <div class="dropdown_menu">
                        <a href="#">我的培训</a>
                        <a href="#">培训管理</a>
                    </div>
                </li>
                <li>
                    <a href="javascript:void(0)">文件库</a>
                </li>
                <li>
                    <a href="javascript:void(0)">网络公告</a>
                </li>
                <li>
                    <a href="javascript:void(0)">档案管理</a>
                </li>
            </ul>
        </div>
        <a href="javascript:void(0)" id="navToggle">
            <span></span>
        </a>
    </div>
</header>

<div class="layuimini-container" style="margin-top: 60px">
    <div class="layuimini-main">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md4">
                <div class="layui-card1" style="border: 1px solid #f2f2f2;">
                    <div class="layui-card-header" style="background-color:#f8f8f8; height: 150px">
                        <div id="revise">修改密码</div>
                        <img src="img/bg.png" alt="" id="icon">
                        <div id="tname" style="margin-top: -12px;color: #86a0f3">
                            <p id="Name"></p>
                            <p id="ID"></p>
                        </div>
                    </div>
                    <div class="layui-card-header">
                        <a href="#" onclick="change111()">学校公告</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" onclick="change222()">学院公告</a>
                        <a href="#" style="float: right">更多&nbsp;&nbsp;&nbsp;&nbsp;></a>
                    </div>
                    <div class="layui-card-body layui-text" id="news1" style="display: block">
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">修改logo缩放问题</div>
                            <div class="layuimini-notice-extra">2019-07-04 11:02</div>
                            <div class="layuimini-notice-content layui-hide">
                                界面足够简洁清爽。<br>
                                一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                支持多tab，可以打开多窗口。<br>
                                支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                移动端的友好支持。<br>
                            </div>
                        </div>
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">修复左侧菜单缩放tab无法移动</div>
                            <div class="layuimini-notice-extra">2019-06-17 11:55</div>
                            <div class="layuimini-notice-content layui-hide">
                                界面足够简洁清爽。<br>
                                一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                支持多tab，可以打开多窗口。<br>
                                支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                移动端的友好支持。<br>
                            </div>
                        </div>
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">修复左侧菜单缩放tab无法移动</div>
                            <div class="layuimini-notice-extra">2019-06-17 11:55</div>
                            <div class="layuimini-notice-content layui-hide">
                                界面足够简洁清爽。<br>
                                一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                支持多tab，可以打开多窗口。<br>
                                支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                移动端的友好支持。<br>
                            </div>
                        </div>
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">修复多模块菜单栏展开有问题</div>
                            <div class="layuimini-notice-extra">2019-06-13 14:53</div>
                            <div class="layuimini-notice-content layui-hide">
                                界面足够简洁清爽。<br>
                                一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                支持多tab，可以打开多窗口。<br>
                                支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                移动端的友好支持。<br>
                            </div>
                        </div>
                    </div>
                    <div class="layui-card-body layui-text" id="news2" style="display: none">
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">修复多模块菜单栏展开有问题</div>
                            <div class="layuimini-notice-extra">2019-06-13 14:53</div>
                            <div class="layuimini-notice-content layui-hide">
                                界面足够简洁清爽。<br>
                                一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                支持多tab，可以打开多窗口。<br>
                                支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                移动端的友好支持。<br>
                            </div>
                        </div>
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">修复左侧菜单缩放tab无法移动</div>
                            <div class="layuimini-notice-extra">2019-06-17 11:55</div>
                            <div class="layuimini-notice-content layui-hide">
                                界面足够简洁清爽。<br>
                                一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                支持多tab，可以打开多窗口。<br>
                                支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                移动端的友好支持。<br>
                            </div>
                        </div>
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">修复左侧菜单缩放tab无法移动</div>
                            <div class="layuimini-notice-extra">2019-06-17 11:55</div>
                            <div class="layuimini-notice-content layui-hide">
                                界面足够简洁清爽。<br>
                                一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                支持多tab，可以打开多窗口。<br>
                                支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                移动端的友好支持。<br>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="height: 420px;">
                <div class="layui-col-md8">
                    <div class="layui-row layui-col-space15">
                        <div class="layui-col-md12">
                            <div class="layui-card1">
                                <div class="layui-card-header">
                                    <a href="#" onclick="change11()" style="color: red" id="no">未办任务</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                                    <a href="#" onclick="change22()" id="ok">已办任务</a>

                                    <a type="button" class="layui-btn" id="more_task1" style="float: right;display: block">更多未办&nbsp;&nbsp;&nbsp;&nbsp;></a>
                                    <a type="button" class="layui-btn" id="more_task2" style="float: right;display: none">更多已办&nbsp;&nbsp;&nbsp;&nbsp;></a>
                                </div>
                                <div class="layui-card-body" id="table1" style="display: block">
                                    <table class="layui-table">
                                        <thead>
                                        <tr>
                                            <td><input type="checkbox" name="" lay-skin="primary" disabled></td>
                                            <td>事务标题</td>
                                            <td>事务分类</td>
                                            <td>事务类型</td>
                                            <td>截止时间</td>
                                            <td style="width: 90px;">操作</td>
                                        </tr>
                                        </thead>
                                        <tbody id="content1">
<!--                                        <tr>-->
<!--                                            <td><input type="checkbox" name=""></td>-->
<!--                                            <td>302开会</td>-->
<!--                                            <td>待办</td>-->
<!--                                            <td>会议</td>-->
<!--                                            <td>-->
<!--                                                <div class="layui-progress layui-progress-big" lay-showPercent="yes">-->
<!--                                                    <div class="layui-progress-bar layui-bg-green"-->
<!--                                                         lay-percent="50%"></div>-->
<!--                                                </div>-->
<!--                                                还剩余3天-->
<!--                                            </td>-->
<!--                                            <td>-->
<!--                                                <button onclick="button1()" class="layui-btn layui-icon layui-bg-blue">-->
<!--                                                    &#xe605;-->
<!--                                                </button>-->
<!--                                            </td>-->
<!--                                        </tr>-->
                                        </tbody>
                                    </table>
                                </div>
                                <div class="layui-card-body" id="table2" style="display: none">
                                    <table class="layui-table">
                                        <thead>
                                            <tr>
                                                <td><input type="checkbox" name="" lay-skin="primary" disabled></td>
                                                <td>事务标题</td>
                                                <td>事务分类</td>
                                                <td>事务类型</td>
                                                <td>截止时间</td>
                                                <td style="width: 90px;">操作</td>
                                            </tr>
                                        </thead>
                                        <tbody id="content2">
<!--                                            <tr>-->
<!--                                                <td><input type="checkbox" name=""></td>-->
<!--                                                <td>302开会</td>-->
<!--                                                <td>待办</td>-->
<!--                                                <td>会议</td>-->
<!--                                                <td>-->
<!--                                                    <div class="layui-progress layui-progress-big" lay-showPercent="yes">-->
<!--                                                        <div class="layui-progress-bar layui-bg-green"-->
<!--                                                             lay-percent="50%"></div>-->
<!--                                                    </div>-->
<!--                                                    还剩余3天-->
<!--                                                </td>-->
<!--                                                <td>-->
<!--                                                    <button onclick="button1()" class="layui-btn layui-icon layui-bg-blue">-->
<!--                                                        &#xe605;-->
<!--                                                    </button>-->
<!--                                                </td>-->
<!--                                            </tr>                         -->
                                        </tbody>

                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md8">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-card1">
                            <div class="layui-card-body" id="table4" style="display: block">
                                <table class="layui-table" lay-even id="course">
                                    <tr>
                                        <td style="background: #f2f2f2"></td>
                                        <td>周一</td>
                                        <td>周二</td>
                                        <td>周三</td>
                                        <td>周四</td>
                                        <td>周五</td>
                                        <td>周六</td>
                                        <td>周日</td>
                                    </tr>
                                    <tr>
                                        <td rowspan="4">上午</td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td rowspan="4">下午</td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                        <td>
                                            <div class="award"></div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4 ">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-card1">
                            <hr>
                            <div class="layui-card-header">
                                <p>快捷入口</p>
                            </div>
                            <div class="layui-card-body" style="display: block">
                                <table id="table">
                                    <tr>
                                        <td>
                                            <div class="icon-bg">
                                                <i class="fa fa-file-text-o" style="color: #86a0f3"
                                                   aria-hidden="true"></i>
                                            </div>
                                            <p>待办事务</p>
                                        </td>
                                        <td>
                                            <div class="icon-bg" id="icon-bg1">
                                                <i class="fa fa-calendar" style="color: #86a0f3" aria-hidden="true"></i>
                                            </div>
                                            <p>打卡记录</p>
                                        </td>
                                        <td>
                                            <div class="icon-bg" id="icon-bg2">
                                                <i class="fa fa-clock-o" style="color: #86a0f3" aria-hidden="true"></i>
                                            </div>
                                            <p>我的培训</p>
                                        </td>
                                        <td>
                                            <div class="icon-bg" id="icon-bg3">
                                                <i class="fa fa-clipboard" style="color: #86a0f3"
                                                   aria-hidden="true"></i>
                                            </div>
                                            <p>文件库</p>
                                        </td>
                                    </tr>
                                    <td>
                                        <div class="icon-bg" id="icon-bg4">
                                            <i class="fa fa-tags" style="color: #86a0f3" aria-hidden="true"></i>
                                        </div>
                                        <p>档案管理</p>
                                    </td>
                                    <td>
                                        <div class="icon-bg" id="icon-bg5">
                                            <i class="fa fa-plus-square-o" style="color: #86a0f3"
                                               aria-hidden="true"></i>
                                        </div>
                                        <p>新增模块</p>
                                    </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer style="height: 25px">
    <div style=" margin-left: 1400px; margin-top: 5px; color: #86a0f3">
        <a href="https://www.aiit.edu.cn/">安徽信息工程学院</a>
    </div>
</footer>

<script src="../public/layui/layui.js"></script>
<script>
    layui.use(['element', 'laydate','layer'], function () {
        var element = layui.element,
            laydate = layui.laydate,
            layer = layui.layer,
            $ = layui.jquery;

        //更多未办
        $('#more_task1').on('click', function(){
            layer.open({
                title: '更多未办任务',
                type: 2,//层类型：2（iframe层）
                shade: 0.2,//遮罩
                maxmin:true,//最大最小化。
                shadeClose: true,//是否点击遮罩关闭
                area: ['1400px', '650px'],
                shadeClose: true, //点击遮罩关闭
                content: 'more_task1.html'
            });
        });
        //更多已办
        $('#more_task2').on('click', function(){
            layer.open({
                title: '更多已办任务',
                type: 2,//层类型：2（iframe层）
                shade: 0.2,//遮罩
                maxmin:true,//最大最小化。
                shadeClose: true,//是否点击遮罩关闭
                area: ['1400px', '650px'],
                shadeClose: true, //点击遮罩关闭
                content: 'more_task2.html'
            });
        });

        //修改密码
        $('#revise').on('click', function(){
            layer.open({
                title: '修改密码',
                type: 2,//层类型：2（iframe层）
                shade: 0.2,//遮罩
                maxmin:true,//最大最小化。
                shadeClose: true,//是否点击遮罩关闭
                area: ['600px', '450px'],
                shadeClose: true, //点击遮罩关闭
                content: 'revise.html'
            });
        });


    });
</script>
<script>

    //用户信息
    $('#Name').text('姓名:'+localStorage.getItem('name'))
    $('#ID').text('工号:'+localStorage.getItem('id'))

    //不同用户登录显示不同页面 2:普通用户
    var power=localStorage.getItem('power');
    // console.log(power);
    if(power==2){
        $('#addtask').attr('href',"../public/403/index.html")
        $('#looktask').attr('href',"../public/403/index.html")
    }else {
        $('#addtask').attr('href',"../work-add/work-add.html")
        $('#looktask').attr('href',"../work-look/work-look.html")
    }


    function button1(e) {
        // console.log(id);
        id=e.parentNode.parentNode.getElementsByTagName("td")[1].innerText;
        e.parentNode.parentNode.remove();
        $.ajax({

            //url:'api/look/',
            url:'/Counselor_System/home/updateTaskByStatus2',
            type:'POST',
            dataType:'json',
            data:{
                id:id
            },
            success:function (res) {
                //if (res.code==0){
                    alert('确定已完成');
                //}
            },
            error:function (res) {
                console.log(res)
            }
        })
    }
    function button2(e) {
        id=e.parentNode.parentNode.getElementsByTagName("td")[1].innerText;
        e.parentNode.parentNode.remove();
        $.ajax({

            //url:'api/look/',
            url:'/Counselor_System/home/updateTaskByStatus1',
            type:'POST',
            dataType:'json',
            data:{
                id:id
            },
            success:function (res) {
                //if (res.code==0){
                    alert('撤销已完成');
                //}
            },
            error:function (res) {
                console.log(res)
            }
        })
    }

    function change1() {
        $('#this').css('display', 'block');
        $('#that').css('display', 'none')
    }

    function change2() {
        $('#this').css('display', 'none');
        $('#that').css('display', 'block');
    }
    //未办任务
    function change11() {
        var $no = document.getElementById('no');
        $no.style.color='red';
        var $ok = document.getElementById('ok');
        $ok.style.color='black';
        $('#table1').css('display', 'block');

        $('#table2').css('display', 'none')
        $('#more_task1').css('display', 'block');
        $('#more_task2').css('display', 'none');

    }
    //已办任务
    function change22() {
        var $no = document.getElementById('no');
        $no.style.color='black';
        var $ok = document.getElementById('ok');
        $ok.style.color='red';
        $('#table1').css('display', 'none');
        $('#table2').css('display', 'block')
        $('#more_task1').css('display', 'none');
        $('#more_task2').css('display', 'block');
    }

//学校公告
    function change111() {
        $('#news1').css('display', 'block');
        $('#news2').css('display', 'none')
    }
//学院公告
    function change222() {
        $('#news1').css('display', 'none');
        $('#news2').css('display', 'block')
    }
    $(document).ready(function() {
        //未办事务，只显示5条
        $.ajax({
            //url:'../api/table1.json',
            url:'/Counselor_System/home/searchTaskByHomeUNFinish',
            type:'GET',
            dataType:'json',
            success:function (res) {
                if(res.code == 0){
                    var data=res.data;
                    // console.log(data)
                    var Is=$('#content1')
                    var content = ''
                    for (var i in data) {
                        content +=' <tr>\n' +
                            '                                            <td><input type="checkbox" name=""></td>\n' +
                            '                                            <td style="display: none">'+data[i].id +'</td>\n' +
                            '                                            <td>'+data[i].title +'</td>\n' +
                            '                                            <td>'+data[i].task +'</td>\n' +
                            '                                            <td>'+data[i].type +'</td>\n' +
                            '                                            <td>\n' +
                            '                                                <div class="layui-progress layui-progress-big" lay-showPercent="yes">\n' +
                            '                                                    <div class="layui-progress-bar layui-bg-green"\n' +
                            '                                                         lay-percent="'+data[i].plan+'%"></div>\n' +
                            '                                                </div>\n' +
                            '                                                还剩余'+data[i].time+'天\n' +
                            '                                            </td>\n' +
                            '                                            <td>\n' +
                            '                                                <button onclick="button1(this)" class="layui-btn layui-icon layui-bg-blue">\n' +
                            '                                                    &#xe605;\n' +
                            '                                                </button>\n' +
                            '                                            </td>\n' +
                            '                                        </tr>'
                    }
                    Is.html(content);
                }
            },
            error:function (res) {
                console.log(res)
            }
        });

        //已办事务，只显示5条
        $.ajax({
            //url:'../api/table1.1.json',
            url:'/Counselor_System/home/searchTaskByHomeFinish',
            type:'GET',
            dataType:'json',
            success:function (res) {
                if(res.code == 0){
                    var data=res.data;
                    // console.log(data)
                    var Is=$('#content2 ')
                    var content = ''
                    for (var i in data) {
                        content +=' <tr>\n' +
                            '                                            <td><input type="checkbox" name=""></td>\n' +
                            '                                            <td style="display: none">'+data[i].id +'</td>\n' +
                            '                                            <td>'+data[i].title +'</td>\n' +
                            '                                            <td>'+data[i].task +'</td>\n' +
                            '                                            <td>'+data[i].type +'</td>\n' +
                            '                                            <td>\n' +
                            '                                                <div class="layui-progress layui-progress-big" lay-showPercent="yes">\n' +
                            '                                                    <div class="layui-progress-bar layui-bg-green"\n' +
                            '                                                         lay-percent="'+data[i].plan+'%"></div>\n' +
                            '                                                </div>\n' +
                            '                                                还剩余'+data[i].time+'天\n' +
                            '                                            </td>\n' +
                            '                                            <td>\n' +
                            '                                                <button onclick="button2(this)" class="layui-btn layui-icon layui-bg-blue">\n' +
                            '                                                     &#xe65c;\n' +
                            '                                                </button>\n' +
                            '                                            </td>\n' +
                            '                                        </tr>'
                    }
                    Is.html(content);
                }
            },
            error:function (res) {
                console.log(res)
            }
        });



    })

</script>
</body>
</html>